<md-content class="page-content toolbar-page">
	<div class="page-toolbar" layout>
		<div flex layout layout-align="start center">
			<md-button class="md-primary" ui-sref="member">
				<span class="icon icon-chevron-left"></span>
				消费记录
			</md-button>
		</div>
	</div>
	<md-content flex class="page-body">
		<section class="padding" layout layout-align="center" ng-if="ordersData.count==0">
			<span>没有消费记录。</span>
		</section>
		<section ng-repeat="monthData in ordersData.orders">
			<md-subheader>
				<div layout>
					<div flex>{{monthData.count.month|date:'yyyy MMMM'}}</div>
					<div>{{monthData.count.count}}单</div>
				</div>
			</md-subheader>

			<md-list layout="column" class="tile-img-list">
				<md-item ng-repeat="order in monthData.orders" class="btn-link bd-bottom" ui-sref="member.order.detail({id: order.id})">
					<md-item-content layout-align="center start">
						<div layout class="md-tile-left tile-img">
							<img ng-src="{{order.inventorypic}}" alt=""/>
						</div>
						<div class="md-tile-content h-gap" layout="row">
							<div layout="column" flex>
								<div>
									<span ng-bind="order.createtime|date:'MM-dd'">今天 14:30</span>&nbsp;{{order.ordertype|orderType}}
								</div>
								<div class="x-light s-text" style="margin-top:0.1rem">
					            <span ng-if="order.orderitem.length&gt;0">
										<span>{{order.orderitem|show3Invts}}</span>
										&nbsp;等<span>{{order.orderitem.length}}</span>项
									</span>
								</div>
							</div>
							<div><span ng-bind="order.amountdue|currency">￥5200.0</span></div>
						</div>
					</md-item-content>
				</md-item>
			</md-list>
		</section>
	</md-content>
</md-content>
